/* A CSS Framework by Mike Stenhouse of Content with Style

     Color pallete:
             #444        - dark gray (text)
             #3e9ade - medium blue (title)
             #b4c24b - lime (header 1)
             #ebf5fc - light cyan (hover text, footer)
             #d7e9f5    - medium cyan (tab)
             #1465b7 - dark blue (tab text, hyperlink)
             #ccc         - medium gray (line)
             #f7f7f7 - light gray (form background)
             #f90        - orange (required *)
*/

/* TYPOGRAPHY */
    body {
        text-align: left;
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 76%;
        line-height: 1em;
        color: #444;
    }

    img {
        border: 0;
    }

    /* LINKS */
        a,a:link
            a:active {
            color: #333;
            text-decoration: underline;
        }
        a:hover {
            text-decoration: none;
        }
    /* END LINKS */

    /* HEADINGS */
        h1, h2, h3, h4, h5, h6 {
            font-family: "Microsoft Yahei","Microsoft JhengHei",Hei,SimHei,sans-serif;
            font-weight: normal;
        }

        h1 {
            font-size: 2.0em;
            letter-spacing: -1px;
            line-height: 1.3em;

            margin: 0 0 0.5em 0;
            padding: 0;
        }

        div#branding h1 {
            font-size: 2.6em;
            letter-spacing: -1px;

            margin: 0;
            line-height: 1.5em;
            color: #3e9ade;
        }

        div#branding p {
            margin: 0;
            line-height: 1em;
        }

        h2 {
            font-size: 1.4em;
            line-height: 1.5em;
            margin: 0 0 0.5em 0;
            padding: 0;
        }

        h3 {
            font-size: 1.3em;
            line-height: 1.3em;
            margin: 0 0 0.5em 0;
            padding: 0;
            color: black;
        }

        h4 {
            font-size: 1.2em;
            line-height: 1.3em;
            margin: 0 0 0.25em 0;
            padding: 0;
            color: black;
        }

        h5 {
            font-size: 1.1em;
            line-height: 1.3em;
            margin: 0 0 0.25em 0;
            padding: 0;
            color: black;
        }

        h6 {
            font-size: 1em;
            line-height: 1.3em;
            margin: 0 0 0.25em 0;
            padding: 0;
            color: black;
        }
    /* END HEADINGS */

    /* TEXT */
        p {
            font-size: 1em;
            margin: 0 0 1.5em 0;
            padding: 0;
            line-height: 1.4em;
        }

        blockquote {
            border-left: 10px solid #ddd;
            margin-left: 10px;
        }

        pre {
            font-family: monospace;
            font-size: 12px;
			white-space:normal;
        }

        strong,b {
            font-weight: bold;
        }

        em,i {
            font-style: italic;
        }

        code {
            font-family: "courier new", courier, monospace;
            font-size: 12px;
            white-space: pre;
        }
    /* END TEXT */

    /* LISTS */
        ul.glassList {
            list-style: url(../../images/aquadot.jpg) disc outside;
            vertical-align: top;
            line-height: 1.5em;
        }
        dl {
            margin: 0 0 1.5em 0;
            padding: 0;
            line-height: 1.4em;
        }

        dl dt {
            font-weight: bold;
			font-size: 12px;
            margin: 0.25em 0 0.25em 0;
            padding: 0;
        }

        dl dd {
			font-size: 12px;
            margin: 0 0 0 30px;
            padding: 0;
        }

    /* END LISTS */

    /* TABLE */
        table {
            font-size: 12px;
        }
		table.small{
			width:400px;
		}
		table.middle{
			width:600px;
		}
		table.large{
			width:800px;
		}
        table caption {
        	text-align:left;
            font-weight: bold;
            margin: 0 0 0 0;
            padding: 0 0 .5em;
        }
		table caption span{float:left;}
		table caption div.tip,table caption em{	/* for table alert*/
			font-weight:normal;
			font-style:normal;
			float:right;
		}
		caption span em {padding-top:10px;font-weight:bold;float:left;}
		caption span.map{float:right;font-weight:normal;background-color:#CAE8EA;background-repeat:no-repeat;background-position:3px 50%;padding:3px 3px 3px 23px;margin:2px;border:1px solid #94d3eb;}
		table caption div.help {
			width:100%;
            font-weight: normal;
			background-color:#ffffe3;
			border:1px solid #deddcf;
			padding:5px;
		}
		table caption div.header {
			margin:10px 0;
		}
		div#main div.help span{
			margin:0 5px;
			padding:0 5px;
		}
		div#main div.help dl {
			margin:0;
		}
		div#main div.help dl dt {
			margin:2px 0;
			padding:0 0 0 20px;
			color:#444;
		}
		div#main div.help dl dd {
            margin: 0 0 0 20px;
		}
		div#main div.help dl dd a {
			color:#444;
		}
		div#main dt.warn{
			background:url(../../images/icons/warn.gif) no-repeat;
		}
		div#main dt.search{
			background:url(../../images/icons/search.gif) no-repeat;
		}
		div#main dt.add {
			background:url(../../images/icons/add.gif) no-repeat;
		}
		div#main li.disc{
			list-style-type:disc;
		}
        th {
            font-weight: bold;
            text-align: left;
        }

        td {
            font-size: 12px;
        }

		.listTable, .table{
			width: 100%;
			border-collapse: collapse;
			font-size: 12px;
		}
		.listTable caption, .table caption{
			color:#444;
		}
		.listTable td, .listTable th, .table td, .table th{
			border: 1px solid #dcdcdc;
			padding: 6px 6px 6px 6px;
			background-color:#FFFFFF;
		}
		.listTable tr.header td, .listTable thead td, .listTable thead th, .table thead th{
			background:#dbdbdb url(images/grid-hrow2.gif) repeat-x;
			color:#333;
			font-weight:bold;
		}
		tr.colorrow td, tr.even td{
			background: #f7f7f7;
		}
		.listTable td.icon {
			width:20px;
			background-repeat:no-repeat;
			background-position:center;
		}
		td.imageColumn,th.imageColumn{
			width:10px;
			text-align:center;
		}
		td.image, th.image{
			vertical-align:middle;
			text-align:center;
		}
		tr.serious .icon, caption span.serious {
			background-image:url(../../images/icons/sheet-icons/exclamation.png);
		}
		tr.alert .icon, caption span.alert {
			background-image:url(../../images/icons/sheet-icons/error.png);
		}
		tr.normal .icon, caption span.normal {
			background-image:url(../../images/icons/sheet-icons/information.png);
		}
		
		tr.marked .icon, caption span.marked {
			background-image:url(../../images/icons/sheet-icons/flag_orange.png);
		}
		tr.complete .icon, caption span.complete {
			background-image:url(../../images/icons/sheet-icons/accept.png);
		}
		tr.finish .icon, caption span.finish {
			background-image:url(../../images/icons/sheet-icons/page_save.png);
		}
		
		.listTable a:link, .table a:link {
			color: #333;
			text-decoration:none;
		}	
		.listTable a:visited, .table a:visited {
			text-decoration:none;
		}
		.listTable a:hover, .listTable a:active , .table a:hover, .table a:active{
			text-decoration:underline;
		}
    /* END TABLE */

    hr {
        display: none;
    }

    div.hr {
        height: 1px;
        margin: 1.5em 10px;
        border-bottom: 1px dotted black;
    }
/* END TYPOGRAPHY */


/*****************
 * 图层(div)通用样式
 *****************/
div{
	font-size:12px;
}
.tabContent{
	padding:15px;
	display:none;
}
.center {
	text-align:center;
}
.show{
	display : block;
}
.hide{
	display : none;
}
.tip{
	color:#77BC60;
	font-weight:bold;
}
.textHeader{
	font-weight:bold;
}
div.switchIcon{
	display:inline;
	width:11px;
	height:11px;
	background:url(../../images/icons/closed.gif) no-repeat scroll left top;
}
div.switchIcon .opened{
	background:url(../../images/icons/opened.gif) no-repeat scroll left top;
}
/*****************
 * View控件样式
 *****************/
.viewer-box{
	width:300px;
	margin:10px 0;
	padding:10px;
	background-color:#fdfdfd;
	border:1px solid #eee;
	line-height:1.8em;
}
.viewer-box div, .viewer-list div{
	display:inline;
	padding:0 0 3px 22px;
	vertical-align:middle;
	cursor:default;
	background-repeat:no-repeat;
	background-position:3px;
}
.viewer-list{
	padding:5px 0px;
}
.viewer-list div{
	display:block;
	margin:6px 0;
}
.viewlistitem-user		{background-image:url(../../images/icons/nodetype/user.gif);}
.viewlistitem-leader	{background-image:url(../../images/icons/nodetype/leader.gif);}
.viewlistitem-post		{background-image:url(../../images/icons/nodetype/post.gif);}
.viewlistitem-role		{background-image:url(../../images/icons/nodetype/role.gif);}
.viewlistitem-subrole	{background-image:url(../../images/icons/nodetype/subrole.gif);}
.viewlistitem-dept		{background-image:url(../../images/icons/nodetype/dept.gif);}
.viewlistitem-partner-dept{background-image:url(../../images/icons/nodetype/partner-dept.gif);}

